<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
       
        <!--内容区域-->
        <div class="main main-width-mid" style="margin-left:100px">
            <div class="x-ibox-title">
               		 评价卖家
            </div>

            <div class="ibox-content m-t-sm clearfix" style="height: 80px;">
               <div class="m-timeline">
	                <div class="line">
	                    <div class="dot"></div>
	                    <div class="dot" style="left: 12.5%;"></div>
	                    <div class="dot" style="left: 25%;"></div>
	                    <div class="dot" style="left: 37.5%;"></div>
	                    <div class="dot active" style="left: 50%;"></div>
	                    <div class="dot" style="left: 62.5%;"></div>
	                    <div class="dot" style="left: 75%;"></div>
	                    <div class="dot" style="left: 87.5%;"></div>
	                    <div class="dot" style="right: 0"></div>
	
	                    <span style="left:-1%;">确认订单</span>
	                    <span style="left: 10%;">卖家确认订单</span>
	                    <span style="left: 23.5%;">买家付款</span>
	                    <span style="left: 36%;">卖家发货</span>
	                    <span style="left: 47.5%;">买家确认收货</span>
	                    <span style="left: 60%;">卖家邮寄发票</span>
	                    <span style="left: 72.5%;">买家确认发票</span>
	                    <span style="left: 86%;">交易成功</span>
	                    <span style="right:-1.5%;">确认订单</span>
	                </div>
            	</div>
            </div>

            <div class="ibox-content" style="padding-bottom: 10px">
                <table class="table  u-table-center" style="margin-bottom: 10px;">
                    <thead>
                    <tr>
                        <th>订单编号</th>
                        <th>供应商</th>
                        <th>订单日期</th>
                        <th>订单金额</th>
                        <th>付款约定</th>
                        <th>订单状态</th>
                        <th>成交时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>3254365748</td>
                        <td>XXX公司</td>
                        <td>2017-09-09</td>
                        <td style="color: #FF5A5F;">¥ 160000.00</td>
                        <td>预付款30%</td>
                        <td>已发货</td>
                        <td>
                        	<p>2017-09-09</p>
                        	<p> 20:28</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="ibox-content m-t-sm" style="padding-bottom: 40px;"> 
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th>物品名称</th>
                        <th>品牌</th>
                        <th>型号</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>总价</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>ABC</td>
                        <td>asrg</td>
                        <td>xxxxxx</td>
                        <td style="color: #FF5A5F;">1600</td>
                        <td>100</td>
                        <td style="color: #FF5A5F;">160000.00</td>
                    </tr>
                   
                    </tbody>
                </table>
                <span class="pull-right m-t-sm" style="color: #FF5A5F; font-size:16px;font-weight: bold;">合计:1000.00</span>
            </div>


            <div class="ibox-title m-t-sm">
                <h5 style="color: #C2343A;">评分</h5>
            </div>
            <div class="ibox-content ">
                <div class="form-horizontal">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">产品与实物是否相符:</label>
                        <div class="col-xs-8">
                            <ul class="m-star">
                                <li class="light"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><a href="javascript:;">4</a></li>
                                <li><a href="javascript:;">5</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">卖家服务态度:</label>
                        <div class="col-xs-8">
                            <ul class="m-star">
                                <li class="light"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><a href="javascript:;">4</a></li>
                                <li><a href="javascript:;">5</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">卖家发货速度:</label>
                        <div class="col-xs-8">
                            <ul class="m-star">
                                <li class="light"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><a href="javascript:;">4</a></li>
                                <li><a href="javascript:;">5</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">物流运输速度:</label>
                        <div class="col-xs-8">
                            <ul class="m-star">
                                <li class="light"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><a href="javascript:;">4</a></li>
                                <li><a href="javascript:;">5</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label"></label>
                        <div class="col-xs-8" style="position: relative;">
                            <img src="../common/imgs/goods2.jpg"  style="border: 1px solid #e7e7e7;width: 80px;height: 80px;">
                            <div class="m-inputicon" style="display: inline-block;position: relative;bottom:-2px">
                                <i class="fa fa-plus"></i>
                                <input type="file" >
                            </div>
                            
                            <span style="position: absolute; bottom: 0;">最多上传5张照片</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">评价:</label>
                        <div class="col-xs-8">
                            <textarea rows="4" class="form-control" placeholder="请输入评论"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label"></label>
                        <div class="col-xs-8">
                            <a href="javascript:;" type="button" class="btn btn-danger"
                               style="width: 120px; height: 34px;">提交评价</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

 

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script>
    function initRatting(ele) {
        var num = 0;
        var finalnum = 0;
        var tempnum = 0;
        var lis = ele.getElementsByTagName("li");
        function fnShow(num) {
            finalnum = num || tempnum;
            for (var i = 0; i < lis.length; i++) {
                lis[i].className = i < finalnum ? "light" : "";
            }
        }
        for (var i = 1; i <= lis.length; i++) {
            lis[i - 1].index = i;
            lis[i - 1].onmouseover = function () {
                fnShow(this.index);
            }
            lis[i - 1].onmouseout = function () {
                fnShow(0);
            }
            lis[i - 1].onclick = function () {
                tempnum = this.index;
            }
        }
    }

    var rattingList = document.getElementsByClassName('m-star');
    for (var i = 0; i < rattingList.length; i++) {
        initRatting(rattingList[i]);
    }
</script>



